<style>
.queue{margin-top:20px;}
.queue .queue_list{display:inline-block; position:relative; width:150px; height:150px; border-radius:100%; margin:0 20px 20px 0; color:#FFF;}
.queue .queue_list .name{display:inline-block; width:150px; height:90px; line-height:90px; text-align:center; font-size:20px; font-weight:bold;}
.queue .queue_list .status{display:inline-block; width:150px; height:30px; line-height:30px; text-align:center; font-size:16px;}
.queue .queue_list .button{position:absolute; display:none; top:0px; right:0px; width:35px; height:35px; text-align:center; line-height:35px; font-size:22px; border-radius:40px; background:rgba(0,0,0,.3);}
.queue .queue_list:hover .button{display:block;}
.queue .queue_list:hover .button:hover{background:#000}
.table-qrcode.panel{display:inline-block; margin-right:20px; float:left}
.table-qrcode.panel .panel-heading{text-align:center;font-size:16px; padding: 7px; margin-bottom: 0}
.table-qrcode.panel .panel-body div.qrcode{width:150px; height:150px; border-radius:100%;}
.table-qrcode.panel .panel-body div.qrcode img{width: 150px; }
</style>
<ul class="nav nav-tabs">
	<li class="active"><a href="javascript:;" ng-click="access_json('list')">桌台列表</a></li>
	<li><a href="javascript:;" ng-click="access_json('edit')">添加桌台</a></li>
</ul>
<div class="panel-body" style="padding-top:2px">
		<div class="alert alert-warning">
			将如下桌台二维码打印并分别贴在对应桌台上，即可实现扫码下单的功能。微信用户到店后只需拿起微信轻轻一扫，即可实现全自动点菜下单。<br>
		</div>
		<div style="margin-top:20px">
			<div class="panel panel-default table-qrcode" ng-repeat="item in pagedata.list">
						<div class="panel-heading">
							<a href="">{{item.title}}</a>({{item.groupname}})
							<a class="pull-right" href="javascript:" ng-click="post({},'del','id='+item.id,'','确认删除吗？')">&nbsp <i class="fa fa-trash-o"></i></a>
							<a class="pull-right" href="javascript:" ng-click="access_json('//edit/id='+item.id)">&nbsp <i class="fa fa-edit"></i></a>
						</div>
						<div class="panel-body">
							<div class="qrcode" id="qrcode-{{$index}}" ng-init="qrcode(item,'url','qrcode-'+$index)">
							</div>
						</div>
						<div class="panel-footer clearfix">
							<a class="pull-left">扫码:{{item.scanningnum || 0}}次 </a>
							<a class="pull-right" ng-if="item.busy !=0" href="javascript:" ng-click="post({},'clear','id='+item.id)">&nbsp <span class="label label-warning">清台</span></a>
							<a class="pull-right" ng-if="item.busy ==0"><span class="label label-info">空闲中</span></a>
							<a class="pull-right" ng-if="item.busy ==1"><span class="label label-warning">已入座</span></a>
							<a class="pull-right" ng-if="item.busy ==2"><span class="label label-warning">已下单</span></a>
							<a class="pull-right" ng-if="item.busy ==3"><span class="label label-success">已付款</span></a>
						</div>
			</div>
		</div>
</div>